<!doctype html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>食材大全-风游美食</title>
    <link rel="stylesheet" href="../css/subone.css">
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="shortcut icon" href="../img/f.ico" type="image/x-icon">
</head>

<body>

    <!--页面头部-->
    <div class="header">
        <!--logo-->
        <div class="logo">
            <div class="logo-item">
                <a class="logo-1" href="../index.html"><img src="../img/子-logo.png" title="风游美食" alt=""></a>
                <a class="logo-2" href="sub_shicai.html">食材大全</a>
            </div>
            <div class="search">
                <form action="">
                    <input type="text" placeholder="请输入关键字" list="list1">
                    <datalist id="list1">
                        <option>抖音同款三明治</option>
                        <option>电饭煲蛋糕</option>
                        <option>自制酸奶</option>
                    </datalist>
                    <button><i class="fa fa-search" aria-hidden="true"></i> 搜索</button>
                </form>
            </div>
        </div>
    </div>
    <!--导航菜单-->
    <div class="nav-box">
        <div class="nav">
            <div class="nav_item">
                <a title="首页" href="../index.html">首页</a>
            </div>
            <div class="nav_item">
                <a title="肉禽类" href="#rou">肉禽类</a>
                <ul class="subnav">
                    <li class="sub-item"><a href="#">猪肉</a></li>
                    <li class="sub-item"><a href="#">羊肉</a></li>
                    <li class="sub-item"><a href="#">鸡肉</a></li>
                    <li class="sub-item"><a href="#">牛肉</a></li>
                    <li class="sub-item"><a href="#">鸭肉</a></li>
                    <li class="sub-item"><a href="#">其他肉类</a></li>
                </ul>
            </div>
            <div class="nav_item">
                <a title="水产品" href="#shui">水产品</a>
                <ul class="subnav">
                    <li class="sub-item"><a href="#">淡水鱼</a></li>
                    <li class="sub-item"><a href="#">海水鱼</a></li>
                    <li class="sub-item"><a href="#">虾类</a></li>
                    <li class="sub-item"><a href="#">蟹类</a></li>
                    <li class="sub-item"><a href="#">贝壳类</a></li>
                    <li class="sub-item"><a href="#">其他水产品</a></li>
                </ul>
            </div>
            <div class="nav_item">
                <a title="蔬菜" href="#shu">蔬菜</a>
                <ul class="subnav tec">
                    <li class="sub-item"><a href="#">茎叶类</a></li>
                    <li class="sub-item"><a href="#">瓜菜类</a></li>
                    <li class="sub-item"><a href="#">果实类</a></li>
                    <li class="sub-item"><a href="#">根茎类</a></li>
                </ul>
            </div>
            <div class="nav_item">
                <a title="果品" href="#guo">果品</a>
                <ul class="subnav tec">
                    <li class="sub-item"><a href="#">鲜果</a></li>
                    <li class="sub-item"><a href="#">干果</a></li>
                </ul>
            </div>
            <div class="nav_item">
                <a title="米面豆乳" href="#mi">米面豆乳</a>
                <ul class="subnav tec">
                    <li class="sub-item"><a href="#">米类</a></li>
                    <li class="sub-item"><a href="#">面、粉</a></li>
                    <li class="sub-item"><a href="#">豆类</a></li>
                    <li class="sub-item"><a href="#">豆制品</a></li>
                </ul>
            </div>
            <div class="nav_item">
                <a title="药物及其他" href="#yao">药物及其他</a>
            </div>
        </div>
    </div>
    <!--页面主题-->
    <div class="main">
        <!--轮播-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/subone-1.png" alt=""></div>
                <div class="swiper-slide"><img src="../img/subone-2.png" alt=""></div>
                <div class="swiper-slide"><img src="../img/subone-3.png" alt=""></div>
                <div class="swiper-slide"><img src="../img/subone-4.png" alt=""></div>
            </div>
        </div>
        <!--蔬菜-->
        <div class="vagetables">
            <div class="vage-sub">
                <h3>时令与热门</h3>
                <ul>
                    <li><a title="鸡肉的做法" href="#">鸡肉</a></li>
                    <li><a title="鸡翅的做法" href="#">鸡翅</a></li>
                    <li><a title="鸡蛋的做法" href="#">鸡蛋</a></li>
                    <li><a title="牛肉的做法" href="#">牛肉</a></li>
                    <li><a title="猪肉的做法" href="#">猪肉</a></li>
                    <li><a title="排骨的做法" href="#">排骨</a></li>
                    <li><a title="小龙虾的做法" href="#">小龙虾</a></li>
                    <li><a title="皮皮虾的做法" href="#">皮皮虾</a></li>
                    <li><a title="螃蟹的做法" href="#">螃蟹</a></li>
                    <li><a title="虾的做法" href="#">虾</a></li>
                    <li><a title="扇贝的做法" href="#">扇贝</a></li>
                    <li><a title="生蚝的做法" href="#">生蚝</a></li>
                    <li><a title="黄瓜的做法" href="#">黄瓜</a></li>
                    <li><a title="茄子的做法" href="#">茄子</a></li>
                    <li><a title="西红柿的做法" href="#">西红柿</a></li>
                    <li><a title="土豆的做法" href="#">土豆</a></li>
                    <li><a title="黑木耳的做法" href="#">黑木耳</a></li>
                    <li><a title="秋葵的做法" href="#">秋葵</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="rou">肉禽类</h3>
                <ul>
                    <li><a title="猪肉的做法" href="#">猪肉</a></li>
                    <li><a title="排骨的做法" href="#">排骨</a></li>
                    <li><a title="里脊的做法" href="#">里脊</a></li>
                    <li><a title="猪蹄的做法" href="#">猪蹄</a></li>
                    <li><a title="五花肉的做法" href="#">五花肉</a></li>
                    <li><a title="肋排的做法" href="#">肋排</a></li>
                    <li><a title="牛肉的做法" href="#">牛肉</a></li>
                    <li><a title="牛排的做法" href="#">牛排</a></li>
                    <li><a title="肥牛的做法" href="#">肥牛</a></li>
                    <li><a title="羊肉的做法" href="#">羊肉</a></li>
                    <li><a title="猪肝的做法" href="#">猪肝</a></li>
                    <li><a title="猪肘的做法" href="#">猪肘</a></li>
                    <li><a title="火腿的做法" href="#">火腿</a></li>
                    <li><a title="香肠的做法" href="#">香肠</a></li>
                    <li><a title="培根的做法" href="#">培根</a></li>
                    <li><a title="腊肉的做法" href="#">腊肉</a></li>
                    <li><a title="肉松的做法" href="#">肉松</a></li>
                    <li><a title="整鸡的做法" href="#">整鸡</a></li>
                    <li><a title="鸡肉的做法" href="#">鸡肉</a></li>
                    <li><a title="鸡翅的做法" href="#">鸡翅</a></li>
                    <li><a title="鸡腿的做法" href="#">鸡腿</a></li>
                    <li><a title="乌鸡的做法" href="#">乌鸡</a></li>
                    <li><a title="鸭肉的做法" href="#">鸭肉</a></li>
                    <li><a title="乳鸽的做法" href="#">乳鸽</a></li>
                    <li><a title="鸡蛋的做法" href="#">鸡蛋</a></li>
                    <li><a title="鸭蛋的做法" href="#">鸭蛋</a></li>
                    <li><a title="鸭脖的做法" href="#">鸭脖</a></li>
                    <li><a title="鹅肝的做法" href="#">鹅肝</a></li>
                    <li><a title="鹌鹑的做法" href="#">鹌鹑</a></li>
                    <li><a title="更多肉禽类" href="#">更多</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="shui">水产品类</h3>
                <ul>
                    <li><a title="草鱼的做法" href="#">草鱼</a></li>
                    <li><a title="鲤鱼的做法" href="#">鲤鱼</a></li>
                    <li><a title="鲫鱼的做法" href="#">鲫鱼</a></li>
                    <li><a title="带鱼的做法" href="#">带鱼</a></li>
                    <li><a title="鲈鱼的做法" href="#">鲈鱼</a></li>
                    <li><a title="黄花鱼的做法" href="#">黄花鱼</a></li>
                    <li><a title="鳕鱼的做法" href="#">鳕鱼</a></li>
                    <li><a title="鲅鱼的做法" href="#">鲅鱼</a></li>
                    <li><a title="鲳鱼的做法" href="#">鲳鱼</a></li>
                    <li><a title="鳗鱼的做法" href="#">鳗鱼</a></li>
                    <li><a title="三文鱼的做法" href="#">三文鱼</a></li>
                    <li><a title="胖头鱼的做法" href="#">胖头鱼</a></li>
                    <li><a title="罗非鱼的做法" href="#">罗非鱼</a></li>
                    <li><a title="秋刀鱼的做法" href="#">秋刀鱼</a></li>
                    <li><a title="多宝鱼的做法" href="#">多宝鱼</a></li>
                    <li><a title="鱼籽的做法" href="#">鱼籽</a></li>
                    <li><a title="鱼尾的做法" href="#">鱼尾</a></li>
                    <li><a title="鱼丸的做法" href="#">鱼丸</a></li>
                    <li><a title="小龙虾的做法" href="#">小龙虾</a></li>
                    <li><a title="虾的做法" href="#">虾</a></li>
                    <li><a title="龙虾的做法" href="#">龙虾</a></li>
                    <li><a title="螃蟹的做法" href="#">螃蟹</a></li>
                    <li><a title="大闸蟹的做法" href="#">大闸蟹</a></li>
                    <li><a title="皮皮虾的做法" href="#">皮皮虾</a></li>
                    <li><a title="牡蛎的做法" href="#">牡蛎</a></li>
                    <li><a title="扇贝的做法" href="#">扇贝</a></li>
                    <li><a title="生蚝的做法" href="#">生蚝</a></li>
                    <li><a title="蛤蜊的做法" href="#">蛤蜊</a></li>
                    <li><a title="蛏子的做法" href="#">蛏子</a></li>
                    <li><a title="鲍鱼的做法" href="#">鲍鱼</a></li>
                    <li><a title="海蜇的做法" href="#">海蜇</a></li>
                    <li><a title="鱿鱼的做法" href="#">鱿鱼</a></li>
                    <li><a title="海参的做法" href="#">海参</a></li>
                    <li><a title="海带的做法" href="#">海带</a></li>
                    <li><a title="紫菜的做法" href="#">紫菜</a></li>
                    <li><a title="更多水产品" href="#">更多</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="shu">蔬菜类</h3>
                <ul>
                    <li><a title="白菜的做法" href="#">白菜</a></li>
                    <li><a title="油菜的做法" href="#">油菜</a></li>
                    <li><a title="青菜的做法" href="#">青菜</a></li>
                    <li><a title="芹菜的做法" href="#">芹菜</a></li>
                    <li><a title="菠菜的做法" href="#">菠菜</a></li>
                    <li><a title="韭菜的做法" href="#">韭菜</a></li>
                    <li><a title="大白菜的做法" href="#">大白菜</a></li>
                    <li><a title="娃娃菜的做法" href="#">娃娃菜</a></li>
                    <li><a title="芦蒿的做法" href="#">芦蒿</a></li>
                    <li><a title="莴笋的做法" href="#">莴笋</a></li>
                    <li><a title="油麦菜的做法" href="#">油麦菜</a></li>
                    <li><a title="芦笋的做法" href="#">芦笋</a></li>
                    <li><a title="土豆的做法" href="#">土豆</a></li>
                    <li><a title="红薯的做法" href="#">红薯</a></li>
                    <li><a title="芋头的做法" href="#">芋头</a></li>
                    <li><a title="洋葱的做法" href="#">洋葱</a></li>
                    <li><a title="萝卜的做法" href="#">萝卜</a></li>
                    <li><a title="山药的做法" href="#">山药</a></li>
                    <li><a title="西红柿的做法" href="#">西红柿</a></li>
                    <li><a title="藕的做法" href="#">藕</a></li>
                    <li><a title="豆角的做法" href="#">豆角</a></li>
                    <li><a title="茄子的做法" href="#">茄子</a></li>
                    <li><a title="青椒的做法" href="#">青椒</a></li>
                    <li><a title="菜花的做法" href="#">菜花</a></li>
                    <li><a title="豇豆的做法" href="#">豇豆</a></li>
                    <li><a title="秋葵的做法" href="#">秋葵</a></li>
                    <li><a title="毛豆的做法" href="#">毛豆</a></li>
                    <li><a title="四季豆的做法" href="#">四季豆</a></li>
                    <li><a title="黄瓜的做法" href="#">黄瓜</a></li>
                    <li><a title="冬瓜的做法" href="#">冬瓜</a></li>
                    <li><a title="西葫芦的做法" href="#">西葫芦</a></li>
                    <li><a title="黑木耳的做法" href="#">黑木耳</a></li>
                    <li><a title="蘑菇的做法" href="#">蘑菇</a></li>
                    <li><a title="香菇的做法" href="#">香菇</a></li>
                    <li><a title="金针菇的做法" href="#">金针菇</a></li>
                    <li><a title="杏鲍菇的做法" href="#">杏鲍菇</a></li>
                    <li><a title="茭白的做法" href="#">茭白</a></li>
                    <li><a title="竹笋的做法" href="#">竹笋</a></li>
                    <li><a title="荠菜的做法" href="#">荠菜</a></li>
                    <li><a title="香椿的做法" href="#">香椿</a></li>
                    <li><a title="马兰头的做法" href="#">马兰头</a></li>
                    <li><a title="更多蔬菜" href="#">更多</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="guo">果品类</h3>
                <ul>
                    <li><a title="菠萝的做法" href="#">菠萝</a></li>
                    <li><a title="草莓的做法" href="#">草莓</a></li>
                    <li><a title="芒果的做法" href="#">芒果</a></li>
                    <li><a title="木瓜的做法" href="#">木瓜</a></li>
                    <li><a title="牛油果的做法" href="#">牛油果</a></li>
                    <li><a title="百香果的做法" href="#">百香果</a></li>
                    <li><a title="栗子的做法" href="#">栗子</a></li>
                    <li><a title="花生的做法" href="#">花生</a></li>
                    <li><a title="腰果的做法" href="#">腰果</a></li>
                    <li><a title="核桃的做法" href="#">核桃</a></li>
                    <li><a title="芝麻的做法" href="#">芝麻</a></li>
                    <li><a title="莲子的做法" href="#">莲子</a></li>
                    <li><a title="枸杞的做法" href="#">枸杞</a></li>
                    <li><a title="桂圆的做法" href="#">桂圆</a></li>
                    <li><a title="黑芝麻的做法" href="#">黑芝麻</a></li>
                    <li><a title="红枣的做法" href="#">红枣</a></li>
                    <li><a title="蓝莓的做法" href="#">蓝莓</a></li>
                    <li><a title="更多果品" href="#">更多</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="mi">米面豆乳</h3>
                <ul>
                    <li><a title="糯米的做法" href="#">糯米</a></li>
                    <li><a title="小米的做法" href="#">小米</a></li>
                    <li><a title="荞麦米的做法" href="#">荞麦米</a></li>
                    <li><a title="玉米的做法" href="#">玉米</a></li>
                    <li><a title="燕麦的做法" href="#">燕麦</a></li>
                    <li><a title="米粉的做法" href="#">米粉</a></li>
                    <li><a title="面条的做法" href="#">面条</a></li>
                    <li><a title="意大利面的做法" href="#">意大利面</a></li>
                    <li><a title="糯米粉的做法" href="#">糯米粉</a></li>
                    <li><a title="红豆的做法" href="#">红豆</a></li>
                    <li><a title="绿豆的做法" href="#">绿豆</a></li>
                    <li><a title="黄豆的做法" href="#">黄豆</a></li>
                    <li><a title="豆腐的做法" href="#">豆腐</a></li>
                    <li><a title="豆浆的做法" href="#">豆浆</a></li>
                    <li><a title="腐竹的做法" href="#">腐竹</a></li>
                    <li><a title="油豆腐的做法" href="#">油豆腐</a></li>
                    <li><a title="烤麸的做法" href="#">烤麸</a></li>
                    <li><a title="豆皮的做法" href="#">豆皮</a></li>
                    <li><a title="淡奶油的做法" href="#">淡奶油</a></li>
                    <li><a title="奶酪的做法" href="#">奶酪</a></li>
                    <li><a title="酸奶的做法" href="#">酸奶</a></li>
                    <li><a title="牛奶的做法" href="#">牛奶</a></li>
                    <li><a title="芝士的做法" href="#">芝士</a></li>
                    <li><a title="巧克力的做法" href="#">巧克力</a></li>
                    <li><a title="粉皮的做法" href="#">粉皮</a></li>
                    <li><a title="粉丝的做法" href="#">粉丝</a></li>
                    <li><a title="年糕的做法" href="#">年糕</a></li>
                    <li><a title="粉条的做法" href="#">粉条</a></li>
                    <li><a title="河粉的做法" href="#">河粉</a></li>
                    <li><a title="更多米面豆乳" href="#">更多</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="tiao">调味品</h3>
                <ul>
                    <li><a title="番茄酱的做法" href="#">番茄酱</a></li>
                    <li><a title="番茄沙司的做法" href="#">番茄沙司</a></li>
                    <li><a title="豆瓣酱的做法" href="#">豆瓣酱</a></li>
                    <li><a title="豆瓣的做法" href="#">豆瓣</a></li>
                    <li><a title="豆豉的做法" href="#">豆豉</a></li>
                    <li><a title="芥末酱的做法" href="#">芥末酱</a></li>
                    <li><a title="蜂蜜的做法" href="#">蜂蜜</a></li>
                    <li><a title="醪糟的做法" href="#">醪糟</a></li>
                    <li><a title="酱油的做法" href="#">酱油</a></li>
                    <li><a title="鸡精的做法" href="#">鸡精</a></li>
                    <li><a title="干黄酱的做法" href="#">干黄酱</a></li>
                    <li><a title="更多调味品" href="#">更多</a></li>
                </ul>
            </div>
            <div class="vage-sub">
                <h3 id="yao">药食</h3>
                <ul>
                    <li><a title="燕窝的做法" href="#">燕窝</a></li>
                    <li><a title="阿胶的做法" href="#">阿胶</a></li>
                    <li><a title="雪蛤的做法" href="#">雪蛤</a></li>
                    <li><a title="茯苓的做法" href="#">茯苓</a></li>
                    <li><a title="党参的做法" href="#">党参</a></li>
                    <li><a title="当归的做法" href="#">当归</a></li>
                    <li><a title="银耳的做法" href="#">银耳</a></li>
                    <li><a title="枣的做法" href="#">枣</a></li>
                    <li><a title="百合的做法" href="#">百合</a></li>
                    <li><a title="黄芪的做法" href="#">黄芪</a></li>
                    <li><a title="花胶的做法" href="#">花胶</a></li>
                    <li><a title="更多药食" href="#">更多</a></li>
                </ul>
            </div>

        </div>

    </div>
    <!--页面底部-->
    <div class="footer">
        <!--页脚文字-->
        <div class="footer-txt">
            <div class="txt1">
                <a href="#">关于我们</a><i>-</i>
                <a href="#">联系我们</a><i>-</i>
                <a href="#">加入我们</a><i>-</i>
                <a href="#">服务说明</a><i>-</i>
                <a href="#">友情链接</a><i>-</i>
                <a href="#">网站地图</a><i>-</i>
                <a href="#">移动应用</a>
            </div>
            <div class="txt2">
                © 2020-2020 风游美食 保留所有权利 - 京ICP备1002****号
            </div>
        </div>
        <!--页脚图片-->
        <div class="footer-pic">
            <div class="pic-a"> <img src="../img/二维码.png" title="手机客户端"> <span>手机客户端</span> </div>
            <div class="pic-b"> <img src="../img/二维码.png" title="微信公众号"> <span>微信公众号</span> </div>
        </div>
    </div>

    <!--置顶按钮-->
    <div class="button">
        <a href="sub_shicai.html" title="返回顶部"><img src="../img/胡萝卜.png" alt=""></a>
    </div>




    <!-- Swiper JS -->
    <script src="../js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            direction: 'vertical',
            autoplay: true,
            pagination: {
                clickable: true,
            },
        });
    </script>
</body>

</html>